@import url(public.css);.header{background:#FFF;}
.header-main { height: 110px; overflow: hidden; }
.header-main .logo { float: left; margin-top: 28px; }
.header-main .logo img{max-height:68px;}
.header-main .search-box { float: right; margin-top: 28px; }
.header-main .input-wrap { height: 34px; border: 2px solid #00bfb1; overflow: hidden; }
.header-main .input { float: left; width: 430px; height: 19px; line-height: 19px; padding: 8px 10px; background: none; border: none; outline: none; font-size: 14px; color: #999; }
.header-main .button { width: 72px; height: 34px; font-size: 14px; background-color: #00bfb1; color: #FFF; border: none; outline: none; float: right; cursor: pointer; }
.header-main .hot-word { margin-top: 8px; }
.header-main .hot-word a { color: #666; margin-right: 24px; }
.header-main .hot-word a:hover { color: #FD3939; }
.header-nav { height: 45px; line-height: 45px; background: #00bfb1; }
.header-nav ul { overflow: hidden; }
.header-nav li { float: left; margin-right: 1px; }
.header-nav a { display: block; width: 120px; font-size: 16px; color: #fff; text-align: center; }
.header-nav a:hover, .header-nav a.on { background-color: #05cfc0;}
#menu-toggle {display: none;}
@media screen and (max-width:1000px) {
  .header-main{height:auto;position:relative;}
  .header-main .logo{margin:0px;padding:10px;}
  .header-main .logo img{height:48px;}
  .header-main .search-box{display:none;}
  .header-nav {display:none;background: #FFF;width: 100%;height: 100%;position: fixed;top:0px;left:0px;margin-top:65px;z-index: 1000;overflow: hidden;}
  .header-nav ul {padding: 0px;width: 100%;height: auto;float: none;}
  .header-nav ul li {height: 45px;line-height: 45px;float: none;clear: both;text-align: left;float: none;margin: 0px;width: auto;border-top: 1px solid #EEE;}
  .header-nav a{width: 100%;color:#999;}
  .header-nav a.on{background:#FFF;}
  .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;}
  .menu-button,
  .menu-button::before,
  .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
  .menu-button{margin-top:27px;}
  .menu-button::before {content: "";margin-top: -10px;}
  .menu-button::after {content: "";margin-top: 10px;}
  #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
  #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
  #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
  #menu-toggle ~ .header-nav li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
  #menu-toggle:checked ~ .header-nav li {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

.game-recommend-tab{margin-bottom:20px;background:#FFF;}
.game-recommend-tab-title{position:relative;}
.game-recommend-tab-title:before{content:"";border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.game-recommend-tab-title span{margin-left:20px;position:relative;display:inline-block;height:48px;line-height:48px;font-size:15px;cursor: pointer;color:#666;}
.game-recommend-tab-title span.active{color:#eb4e18;font-weight:bold;}
.game-recommend-tab-title span.active:before {content:"";border-bottom:2px solid #2C63BF;position:absolute;bottom:0px;left:0px;width:100%;}
.game-recommend-list{display:none;}
.game-recommend-list.active{display:block;}
.game-recommend-list ul{overflow:hidden;padding:20px 0px 0px 20px;}
.game-recommend-list ul li{float:left;text-align:center;width:117px;padding-bottom:15px;}
.game-recommend-list ul li p{line-height:24px;height:24px;overflow:hidden;}
.game-recommend-list ul li a{font-size:12px;}
.game-recommend-list ul li img{width:86px;height:86px;border-radius:15px;}
@media screen and (max-width:1000px) {
    .game-recommend-tab{margin-bottom:5px;}
    .game-recommend-tab-title span{margin-left:0px;padding:0px 5px;font-size:14px;}
    .game-recommend-list ul{overflow:auto;display:-webkit-flex;display:flex;padding:20px 20px 0px 0px;}
    .game-recommend-list ul li{margin-left:15px;}
    .game-recommend-list ul li img{width:66px;height:66px;}
}

.toutiao-l{width:400px;float:left;}
.banner{width:400px;height:300px;position:relative;}
.toutiao-game ul{overflow:hidden;padding-bottom:5px;padding-top:6px;clear:both;background:#FFF;}
.toutiao-game ul li{overflow:hidden;padding:9px;float:left;width:81px;text-align:center;}
.toutiao-game ul li img{width:81px;height:81px;border-radius:8px;}
.toutiao-game ul li p{font-size:12px;padding-top:8px;height:20px;line-height:20px;overflow:hidden;}
.toutiao-game ul li p:last-child{height:auto;}
.toutiao-game ul li span{font-size:12px;color:#999;}
.toutiao-game ul li .article-game-down{width:90px;text-align:center;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}

.toutiao{width:452px;float:left;margin-left:12px;}
.toutiao ul{background:#FFF;padding:16px 15px 10px 15px;}
.toutiao li{clear:both;height:30px;line-height:30px;overflow:hidden;}
.toutiao li.toutiao-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.toutiao li.toutiao-td p{clear:both;}
.toutiao li.toutiao-td p:nth-child(1){font-size:16px;}
.toutiao li.toutiao-td span{content:'头条';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:15px;}
.toutiao li.toutiao-td p:nth-child(1) a{color:#fe8900;height:30px;overflow:hidden;}
.toutiao li.toutiao-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.toutiao li a{float:left;max-width:330px;}
.toutiao li time{float:right;color:#999;}
.toutiao-r{width:288px;float:right;padding:15px;background:#FFF;}
.toutiao-r .game-qrcode{position:relative;padding-left:130px;height:118px;overflow:hidden;}
.toutiao-r .qrcode-data{position:absolute;left:0px;top:0px;}
.toutiao-r .game-qrcode p{padding-top:12px;text-align:center;}
.toutiao-r .game-qrcode p:nth-child(2){padding-top:6px;}
.toutiao-r .game-qrcode p .btn{width:100%;padding:0px;line-height:33px;}
.toutiao-r ul{padding-top:20px;}
.toutiao-r ul li{clear:both;padding:12px 0px; border-top:1px solid #EEE;}
.toutiao-r ul li p:nth-child(1){height:24px;overflow:hidden}
.toutiao-r ul li p:nth-child(2){height:44px;line-height:22px;overflow:hidden;font-size:12px;color:#999;}
@media screen and (max-width:1000px) {
    .toutiao-l{width:100%;}
    .banner{width:100%;}
    .toutiao-game ul li{padding:10px 0px 0px 1.6%;width:23%;text-align:center;}
    .toutiao-game ul li img{margin:0px auto;}
    .toutiao{margin-top:10px;margin-left:0px;width:auto}
    .toutiao-r{clear:both;width:auto;margin-top:10px;}
}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.game-zone-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.game-zone-title h2{float:left;font-size:18px;}
.game-zone-title a{float:right;}
.game-zone{background:#FFF;padding:0px 15px 15px 15px;margin-bottom:20px;overflow:hidden;}
.game-zone ol{width:220px;float:left;}
.game-zone ol li{float:left;width:100px;margin-right:10px;height:35px;box-sizing:border-box;border:1px solid #d2d2d2;font-size:15px;margin-top:19px;position: relative;cursor: pointer;}
.game-zone ol li:nth-child(1),.game-zone ol li:nth-child(2){margin-top:0px;}
.game-zone ol li span{display:block;width:4px;height:35px;background:#ff5858;transition:all .3s;z-index:1;position:absolute;left: -1px;top: -1px;}
.game-zone ol li a{display:block;line-height:35px;width:100%;text-align:center;position:absolute;z-index:2;}
.game-zone ol li:hover span{width:100px;}
.game-zone ol li.game-zone-type-1 a{color:#ff9758;}
.game-zone ol li.game-zone-type-1 span{background:#ff9758;}
.game-zone ol li.game-zone-type-2 a{color:#63a2e9;}
.game-zone ol li.game-zone-type-2 span{background:#63a2e9;}
.game-zone ol li.game-zone-type-3 a{color:#a98fd7;}
.game-zone ol li.game-zone-type-3 span{background:#a98fd7;}
.game-zone ol li.game-zone-type-4 a{color:#ff70ce;}
.game-zone ol li.game-zone-type-4 span{background:#ff70ce;}
.game-zone ol li.game-zone-type-5 a{color:#5eccd6;}
.game-zone ol li.game-zone-type-5 span{background:#5eccd6;}
.game-zone ol li.game-zone-type-6 a{color:#ebc83d;}
.game-zone ol li.game-zone-type-6 span{background:#ebc83d;}
.game-zone ol li.game-zone-type-7 a{color:#b09696;}
.game-zone ol li.game-zone-type-7 span{background:#b09696;}
.game-zone ol li.game-zone-type-8 a{color:#5ed895;}
.game-zone ol li.game-zone-type-8 span{background:#5ed895;}
.game-zone ol li:hover a{color:#FFF;}
.game-zone ul{overflow:hidden;float:right;width:950px;}
.game-zone ul li{float:left;text-align:center;width:158px;padding-bottom:15px;}
.game-zone ul li p{height:24px;line-height:24px;overflow:hidden;}
.game-zone ul li span{line-height:24px;height:24px;overflow:hidden;}
.game-zone ul li img{width:80px;height:80px;border-radius:15px;}
@media screen and (max-width:1000px){
    .game-zone{padding:0px;}
    .game-zone-title{padding:0px 10px}
    .game-zone ol{width:98%;padding:0px 1%;display:flex;flex-wrap:wrap;}
    .game-zone ol li{width:24%;margin:0px 0.5% 8px 0.5%;border-radius:20px;height:35px;background:#ff9758;border:0px;}
    .game-zone ol li span{display:none;}
    .game-zone ol li a,.game-zone ol li.game-zone-type-1 a,.game-zone ol li.game-zone-type-2 a,.game-zone ol li.game-zone-type-3 a,.game-zone ol li.game-zone-type-4 a,.game-zone ol li.game-zone-type-5 a,.game-zone ol li.game-zone-type-6 a,.game-zone ol li.game-zone-type-7 a,.game-zone ol li.game-zone-type-8 a,.game-zone ol li.game-zone-type-9 a{color:#FFF;font-size:12px;}
    .game-zone ul{padding:10px 1% 0px 1%;width:98%;overflow:auto;}
    .game-zone ul li{width:20%;float:left;}
    .game-zone ul li img{width:48px;height:48px;}
    .game-zone ul li p{font-size:12px;}
}

.game-rank{background:#FFF;width:385px;float:left;margin-left:15px;}
.game-rank:nth-child(1){margin-left:0px;}
.game-rank .rank-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.game-rank ul{overflow:hidden;padding:5px 15px}
.game-rank ul li{clear:bot;overflow:hidden;padding:10px 20px 10px 45px;line-height:26px;position:relative;border-bottom:1px solid #EEE;}
.game-rank ul li .game-rank-no{position:absolute;left:0px;top:12px;background:red;color:#fff;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;display:block;}
.game-rank ul li img{width:48px;height:48px;border-radius:8px;float:left;margin-right:15px;display:none;}
.game-rank ul li .game-rank-title{font-size:14px;line-height:26px;}
.game-rank ul li .game-rank-attr{font-size:12px;color:#999;padding-top:6px;display:none;}
.game-rank ul li .game-rank-detail{display:none;}
.game-rank ul li .game-rank-views{position:absolute;right:10px;top:10px;font-size:12px;color:#999;}
.game-rank ul li.active{padding-top:10px;pading-bottom:10px;}
.game-rank ul li.active img{display:block;}
.game-rank ul li.active .game-rank-no{top:24px;}
.game-rank ul li.active .game-rank-attr{display:block;}
.game-rank ul li.active .game-rank-detail{display:block;position:absolute;top:24px;right:0px;}
.game-rank ul li.active .game-rank-views{display:none;}
.game-rank-more{clear:both;text-align:center;padding:10px 0px 15px 0px;}
.game-rank-more a{background:#DDD;color:#333;width:138px;height:30px;line-height:30px;display:inline-block;border-radius:5px;}
@media screen and (max-width:1000px) {
    .game-rank{width:auto;float:none;margin-left:0px;}
}

.zixun-box{width:860px;float:left;background:#FFF;border-radius:5px;}
.zixun-box .zixun-tab {position:relative;}
.zixun-box .zixun-tab:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.zixun-box .zixun-tab span{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.zixun-box .zixun-tab span.active{color:#dc191b;font-weight:bold;}
.zixun-box .zixun-tab span.active:after {content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.zixun-box .zixun-list{display:none;}
.zixun-box .zixun-list.active {display:block;}
.zixun-box .zixun-list ul li{clear:both;padding:15px;overflow:hidden;}
.zixun-box .zixun-list ul li img{float:left;width:240px;height:150px;border-radius:8px;margin-right:15px;}
.zixun-box .zixun-list ul li p.zixun-title{position:relative;padding-right:65px;height:30px;line-height:30px;}
.zixun-box .zixun-list ul li p.zixun-title time{position:absolute;right:0px;top:0px;font-size:12px;color:#666;}
.zixun-box .zixun-list ul li p.zixun-title a{color:#333;font-size:16px;}
.zixun-box .zixun-list ul li p.zixun-desc{font-size:14px;color:#999;padding-top:15px;line-height:24px;height:48px;overflow:hidden;}

.zixun-game{background:#FFF;width:320px;float:right;}
.zixun-game-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}
.zixun-game ul{overflow:hidden;}
.zixun-game ul li{clear:both;overflow:hidden;padding:16px 20px;}
.zixun-game ul li img{width:88px;height:88px;border-radius:8px;float:left;margin-right:15px;}
.zixun-game ul li .zixun-game-title{font-size:16px;}
.zixun-game ul li .zixun-game-type{color:#999;margin-top:8px;}
.zixun-game ul li .zixun-game-down{margin-top:8px;}
@media screen and (max-width:1000px) {
    .zixun-box{width:auto;float:none;}
    .zixun-box .zixun-list ul li{padding:12px;}
    .zixun-box .zixun-list ul li img{width:108px;height:80px;}
    .zixun-box .zixun-list ul li p.zixun-title{padding-right:0px;overflow:hidden;}
    .zixun-box .zixun-list ul li p.zixun-title time{display:none;}
    .zixun-box .zixun-list ul li p.zixun-desc{padding-top:8px;line-height:20px;font-size:12px;overflow:hidden;height:40px;}
    .zixun-game{float:none;margin-top:8px;clear:both;margin-top:8px;width:auto;}
    .zixun-game ul li{border-top:1px solid #EEE;}
}

.question-box{background:#FFF;overflow:hidden;}
.question-box-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.question-box-title h2{float:left;font-size:18px;}
.question-box-title a{float:right;}
.question-box ul{padding:8px 0px;overflow:hidden;clear:both;}
.question-box ul li{line-height:48px;height:48px;width:335px;overflow:hidden;float:left;margin:0px 15px;border-top:1px solid #F6F6F6;position:relative;padding-left:35px;}
.question-box ul li::before{content:'问';border:1px solid #fd3b3b;color:#fd3b3b;width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px;position:absolute;left:0px;top:12px;}
.question-box ul li:nth-child(1),.question-box ul li:nth-child(2),.question-box ul li:nth-child(3){border-top:0px;}
.question-box ul li time{float:right;font-size:14px;color:#999;}
.question-box ul li a{float:left;font-size:14px;color:#666;}
@media screen and (max-width:1000px) {
    .question-box ul{padding:12px;}
    .question-box ul li{width:auto;margin:0px;float:none;}
    .question-box ul li a{max-width:70%;}
}

.game-vs-update{background:#FFF;overflow:hidden;}
.game-vs-update ol{padding:15px 0px;overflow:hidden;}
.game-vs-update ol li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}
.index-friends{background:#FFF;}
.index-friends .t {padding:0px 15px;font-size:16px;line-height:38px;height:38px;position:relative;border-bottom:1px solid #EEE;}
.index-friends .t .more {position:absolute;right:15px;top:0;font-size:12px}
.index-friends .b{padding:15px}
.index-friends .b a {float:left;margin:10px 0 0 0;line-height:20px;padding-right:15px}
.index-friends .b a+a {border-left:1px solid #eee;padding:0 15px}
.foot {width:100%;background-color:#fff;border-top:3px solid #0cc6c6;margin-top:20px;}
.foot-line {text-align:center;line-height:60px;width:100%;overflow:hidden;border-bottom:1px solid #eee;border-top:1px solid #eee;position:relative}
.foot-line a{margin:0px 8px;vertical-align:middle}
.foot-line a,.copyright a {color:#a0a0a0}
.foot-line a:hover,
.copyright a:hover {color:#0cc6c6}
.copyright {text-align:center;color:#a0a0a0;padding:15px 0}
.copyright p {margin:5px 0}
.mobile-nav{display:none;}
@media screen and (max-width:1000px) {
    .game-vs-update ul li{float:none;width:auto;}
    .footer{display:none}

    .mobile-nav{position:fixed;display:block;bottom:0px;left:0px;width:100%;text-align:center;background:#2C63BF;z-index:9999;}
    .mobile-nav ul{display:flex;}
    .mobile-nav li{width:20%;}
    .mobile-nav li a{display:block;padding:5px 0px;color:#FFF;}
    .mobile-nav li p:nth-child(1){padding-bottom:3px;font-size:13px;}
    .mobile-nav li p .icons{font-size:20px;}
}